<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        
    </style>
</head>
<body>
    <div id="app">
        <p>指令：将自己等号后面表达式的值应形式地作用于页面元素上（操作DOM）</p>
        <input type="text" v-focus>
    </div>
    <script src="../0511/js/vue.js"></script>
    <script>
        // 全局定义 写在vue实例的外面,写在vue实例的前面
        // directive 指令， 调用directive方法，第一个参数是名称，第二个参数是具体选项
        Vue.directive('focus', {
            // inserted 插入，元素插入dom文档时触发
            inserted: function(el) {
                el.focus()
            }
        })
        let vm = new Vue({
            el: '#app',
            data: {
                
            },
            methods: {
                
            }
        })
    </script>
</body>
</html>